﻿@charset "utf-8";
/* 通用代码 */
html,body{width:100%;padding: 0px;margin:0px;*position:static; }

/* @font-face{
font-family: 'GenJyuuGothic';
src:url('../i/font/GenJyuuGothic-Light.ttf') format('truetype');
font-weight:normal;
font-style:normal;
} */
*{font-family: "Source Han Sans CN","Source Han Sans","思源黑体","思源黑体 CN","微软雅黑"; font-size: 16px; color:#332c2b; padding:0px;margin:0px;}
a{text-decoration:none;}
ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{list-style-type:none;}
button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);    -webkit-user-modify: read-write-plaintext-only;outline:none;text-decoration: none;}


.anim0{ animation: dz0 .8s linear 1 normal forwards; }
.anim1{ animation: dz1 .8s linear 1 normal forwards; }
.anim2{ animation: dz2 .8s linear 1 normal forwards; }
.anim3{ animation: dz3 1s linear 1 normal forwards; }
.anim4{ animation: dz4 1s linear 1 normal forwards; }
.anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; }
.anim7{ animation: dz7 .6s linear 1 normal forwards; }
/*.anim99{ animation: dz99 .6s linear 1 normal forwards; }
.anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; } */
/* .anim7{ animation: dz7 .6s linear 1 normal forwards; }
.anim8{ animation: dz8 .6s linear 1 normal forwards; } */
/* @keyframes dz1
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0; transform: translate(0, 100px); }
100% {opacity: 1;transform: translate(0, 0%);  }
} */
.dhxg{ opacity: 0; }
.dhxg2{ opacity: 0; }
@keyframes dz0
{
0% {opacity: 0; }
100% {opacity: 1; }
}
@keyframes dz1
{
0% {opacity: 0;transform: translate(-20%, 0%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0; transform: translate(0, 30%); }
100% {opacity: 1;transform: translate(0, 0%);  }
}
@keyframes dz3
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz4
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
/* @keyframes dz5
{
0% {opacity: 0; transform: rotate(-2deg);position: relative; }
100% {opacity: 1; transform: rotate(0);position: relative;  }
}
@keyframes dz
{
0% {opacity: 0;transform: rotate(2deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
}*/

/* @keyframes dz99
{
0% {opacity: 0;transform: rotate(20deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
} */
@keyframes dz5
{
0% {opacity: 0; transform: scale(1.1); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz6
{
0% {opacity: 0;transform: scale(.9); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz7
{
0% {opacity: 0; transform: translate(-40%, 40%); }
100% {opacity: 1;transform: translate(0, 0%);  }
}
.BigDiv{ max-width:1903px;min-width:1200px;width:100%; margin: auto;position: relative; }
.cen{ width: 1100px; margin: auto;}
.cen-75{ width: 75%; margin: auto;}


.hei::after {content: ""; display: block;clear: both;}




.fullslide1 .text{ position: absolute; margin-top: 250px; width: 580px; text-align: center; }
.fullslide1 .text .title{ color:#2a2a2a; font-size: 50px; position: relative; z-index: 9; }
.fullslide1 .text .ftitle{ color: rgba(39,56,56,.1); font-size: 70px; text-transform: uppercase; position: absolute; margin-top: -45px;}
.fullslide1 .text .smrt{ color:#2a2a2a; line-height: 40px; font-size: 30px;margin-top: 70px; }
.fullslide1 .text .more{ width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background: #273838; margin: auto; margin-top: 30px; }
.fullslide1 .text .more a{ color:#fff; font-size: 14px;display:block;  }
.sjcx{display: none;}
.sjcxA{display: none;}

.sjcx{ display: none; }
@media screen and (max-width:640px) and (min-width:0px){
.sjcx{display: inline-block; width: 100%; }
.sjcxA{display: block;}
.sjyc{display: none;}
.ment img {width: 30px;}
.ment { float: right; margin-top: 7px; }
}

.fullslide{ position: relative; }
.fullslide .cen{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; }
.fullslide .text{ position: absolute; width: 340px; height: 380px; top: 58px; background: #fff; border-radius: 10px; right: 0; padding: 25px 16px; box-sizing: border-box; }
.fullslide .text .title{ color:#1b1b1b; font-size: 26px; text-align: center; }
.fullslide .text .pic{ margin-top: 8px; margin-bottom: 12px; }
.fullslide .text .ftitle{ color:#1b1b1b; font-size: 36px; font-weight:500; text-align: center; }
.fullslide .text .ftitle a{color:#1b1b1b; font-size: 36px; font-weight:500; text-align: center; }
.fullslide .text .ftitle span{ color:#fe6804; font-size: 36px;font-weight:800; }
.fullslide .text .sjt{ position: absolute; margin-left:44px; margin-top: 20px; }
.fullslide .text .input_txt{ height: 60px; width: 100%; border-radius: 30px; background: #eeeeee;  border: none; color:#959595; font-size: 18px; padding: 0 10px; box-sizing: border-box;
padding-left: 80px; margin-top: 10px;
}
.fullslide .text .input_but{ width: 100%; border: none; height: 60px; text-align: center; margin-top: 18px;
background-image: linear-gradient(to right,#ffa30b,#ff8400); border-radius: 30px; box-shadow: 0 0 5px rgba(0,0,0,.2);color:#fff; font-size: 30px; font-weight:bold;
text-shadow: 0 3px 3px rgba(0,0,0,.3);

}
.banner img{ display: block; max-width: 100%; height: auto; }

.fullslide .prev,
.fullslide .next{position:absolute;z-index:1;top:50%;margin-top:-40px;left:80px;z-index:1;font-size:0;padding:12px;cursor:pointer;}
.fullslide .prev img,
.fullslide .next img{width:auto;height:auto;}
.fullslide .next{left:auto;right:80px;}
.fullslide{position:relative;width:100%;}
.fullslide .bd{position:relative;z-index:0;}
.fullslide .bd li{width:100%; position: relative; }
.fullslide .bd li img{max-width:100%;height:auto;margin:0 auto;}
.fullslide .hd{position:absolute;height:25px;text-align:center;z-index:99;
width: 200px; bottom: 17px; left: 50%; margin-left: -100px;
}
.fullslide .hd li{width:40px;height:3px;line-height:8px; line-height: 80px;
overflow:hidden;margin:0px 6px;cursor:pointer;background:rgba(255,255,255,.5);display: inline-block;transition: .5s;
}
.fullslide .hd li.on{  background:#ffffff;}
.fullslide .bd li .ban2{ display: none; }










/* 本例子css */
.slideBox{ width:490px; height:340px; position:relative; float: left;}
.slideBox .bd{ position:relative;  z-index:0;   }
.slideBox .bd li{ overflow: hidden; }
.slideBox .bd li .left{ float: left; width: 49%; position: relative;}
.slideBox .bd li .left a>img{width: 100%; display: block; }
.slideBox .bd li .right{ float: right; width: 49.7%; }
.slideBox .bd li .right .pic{ position: relative;  overflow: hidden; width: 48%; float: left; margin-right: 2%; margin-bottom: 2%;  }
.slideBox .bd li .right a>img{width: 100%;display: block; }
.slideBox .bd img{ display: block; }
.slideBox .hd{ position:absolute; bottom: 10px; right: 10px; }
.slideBox .hd li{ width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.5); text-align: center; line-height: 23px; color:#fff; display: inline-block; margin-right: 2px; }
.slideBox .hd li.on{ background: #0068ad; }
.slideBox .bd li a:hover .Mkes{ display: flex; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:none; width:65px; height:65px;
filter:alpha(opacity=10);opacity:0.1; border-radius: 50%; }
.slideBox .next{ background:url("/i/right.png") center no-repeat #333;margin-right: -70px; right: 0; left: auto;}
.slideBox .prev{ background:url("/i/left.png") center no-repeat #333;  margin-left: -80px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=50);opacity:.5;  }


.picMarquee-left{ width:100%;  overflow:hidden; position:relative;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picScroll-left{ width:100%;position:relative; }
.picScroll-left .tempWrap{ margin: auto;position: relative; z-index: 99999;  }
.picScroll-left .hd{  }
.b4 .picScroll-left{ position: relative; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; float:right; position: absolute; z-index: 99999;   overflow:hidden; text-align: center;transition: .5s;
cursor:pointer; height: 58px; width: 40px; font-size: 12px; line-height: 58px; color:#2086b5; font-size: 40px;}
.b4 	.picScroll-left .hd .prev,.b4 .picScroll-left .hd .next{ display:block; float:right; position: absolute; z-index: 99999;   overflow:hidden; text-align: center;transition: .5s;
cursor:pointer; height: 66px; width: 40px; font-size: 12px; line-height: 58px; color:#2086b5; font-size: 40px;  }
.picScroll-left .hd .prev{ left: 0; }
.picScroll-left .hd .next{ right: 0;}
.picScroll-left .bd{ }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; position: relative;cursor: pointer; width: 346px; margin: 0 5px; }
.b4 .picScroll-left .bd ul li .pic{}
.b4 .picScroll-left .hd{ position:absolute; top: 40%; width: 110%; left: -5%; }
.fl{ float: left;}
.ri{ float: right; }


.size{
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 100% auto!important;transition: .5s;
}
.size:hover{ background-size: 110% auto!important;}
.size img{ display: block;width: 100%; }



.more.cen{ text-align: center; margin: 40px auto;}
.more.cen a{ font-size: 21px; }
.page{ text-align: center; }
.page a{ color:#616161; font-size: 20px; margin-left: 7px; margin-right: 7px; }
.page .s{ border: 1px solid #666666; display: inline-block; width: 30px; transition: .5s; height: 30px; font-size: 17px; border-radius: 20px; text-align: center; line-height: 30px; box-sizing: border-box; }
.page .s:hover{ background: #616161; color:#fff; }
.page .s.on{ background: #616161; color:#fff;}

.top { height: 80px; position: relative; background: #121212; }
.top .LogA{ float: left; position: relative; z-index: 999; }
.top .nav{ float: right; margin-top: 25px; }
.top .nav li{ float: left; margin-left: 46px; height: 55px; }
.top .nav li.on a{border-bottom: 3px solid #fff; box-sizing: border-box; padding-bottom: 10px; }
.top .nav li a{ color:#ffffff; }
.top .nav li .text{ position: absolute; background: #f8f8f8; z-index: 999999; padding: 10px; display: none;  width: 100%;  box-sizing: border-box; padding-top: 90px; margin-top: 32px; height: 280px; left: 0; text-align: center; }
.top .nav li .text .pic{ display: inline-block; text-align: center; margin: 0 80px; position: relative;  }
.top .nav li .text .pic img{ height: 50px;background: #fff; position: relative; z-index: 9; }
.top .nav li .text .pic::before{ width: 90px; height: 90px; content: ""; background: #fff; position: absolute; left: 50%; margin-top: -20px;  transform: translateX(-50%);border-radius: 50%; }
.top .nav li .text .pic span{display: block; margin: auto; position: relative; z-index: 9;  margin-top: 30px;  }
.top .nav li:hover .text{ display: block; }
.Imgz{ margin-bottom:60px; position: relative; }
.Imga{ position: relative; }
.Imgz img{ max-width: 100%;height: auto;}
.Imga img{max-width: 100%;height: auto;display: block; }
.a1{ margin-top: 60px; }
.vdiep{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer; }
.Mvide{ position: fixed; top: 0; left: 0;width: 100%; height: 100%; display: none; background: #000;}
.Mvide video{ width: 100%; height: 100%; position: absolute; }
.clseo{ position: absolute; right: 2%; top: 2%; z-index: 999; cursor: pointer; }

.a6{ position: relative; }
.a6 .text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.a6 .text .title{ color:#ffffff; font-size: 20px; text-align: center; margin-top: 50px; }
.a6 .text .title img{ position: relative; margin-left: 10px; top: 8px; }
.a7ul li{ float: left;width: 140px; margin-right: 180px; text-align: center; margin-bottom: 55px; }
.a7ul{ margin-right: -190px;}
.a7 .cen{overflow: hidden; }
.a7ul li .title{ color:#252525; font-size: 18px; margin-top: 18px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.a7ul li .pic img{ max-width: 100%; }

.foot{ background: #121212; padding-top: 40px; padding-bottom: 40px; }
.footul{ text-align: center; display: none;}
.footul li{ display: inline-block;text-align: center; margin: 0 36px; }
.footul li img{ height: 46px; }
.tuk{text-align: center; font-size: 16px; color:rgba(255,255,255,.3);}
.tuk a{color:rgba(255,255,255,.3);font-size: 16px; }

.b1 .b1div .p1ti{color:#252525; font-size: 30px; font-weight: bold; }
.b1 .b1div .p2ti{ color:#252525; font-size: 30px; font-weight: bold;text-transform: uppercase; }
.b1 .b1div{ margin-top:64px; padding: 0 10px; }
.b1 .btext p{ color:#252525; line-height: 36px;display: none;}
.b1 .btext p:nth-child(1){ display: block; }
.b1 .btext{ margin-top: 35px; margin-bottom: 35px; }
.b1 .b1more{ text-align: center; color:#999999; font-size: 16px; margin-top: 28px;margin-bottom: 40px; }


.b5ul ul li .ftitle .pt0{ color:#252525; font-size: 30px; font-weight: bold; text-align: left; }
.b5ul ul li .ftitle .pt0::before{content: ""; position: absolute; width: 31px; height: 1px; background: #e5e5e5; left: 50%; transform: translateX(-50%); margin-top: 60px;
display: none;
}
.b5ul ul li.on .ftitle .pt0{  color:#009944; }
.b5ul ul li.on .ftitle .pt1{  color:#009944; }
.b5ul ul li .ftitle{ display: none; margin-top: 20px; }
.b5ul ul li .ftitle .pt1{ color:#252525; font-size: 16px; line-height: 30px; text-align: left; }
.b5ul ul li{ float: left; width: 170px; height: 180px; box-sizing: border-box; position: relative;  position: absolute; }
.b5ul ul li .title{ color:#252525; font-size: 20px; font-weight: bold;text-align: center;position: absolute; bottom: 10px; width: 100%; text-align: center; }
.b5ul ul li .pic{background: url("../i/b4.jpg") no-repeat center; width: 14px; height: 12px; position: absolute; left: 15%; bottom: 26px; transform: translate(-50%,0%);}
.b5ul{ background: url("../i/b3.png") no-repeat 50% 30%; position: relative;  height: 430px; }
.b5ul .bd{ overflow: hidden; }
.b5ul .bd .tempWrap{ margin: auto; }
.b5ul .hd{ width: 100%;display: none; }
.b5ul .hd .prev{ float: left; cursor: pointer; }
.b5ul .hd .next{ float: right;  cursor: pointer; }
.bule img{ display: block; width: 100%; }
#file1{ width: 0; height: 0; overflow: hidden; position: absolute;}
.b5ul ul li.on .pic{ background: url("../i/b5.jpg") no-repeat center; width: 54px; height: 49px; margin-bottom: -20px;}
.b5ul ul li .title{ display: none; }
.b5ul ul li .ftitle{ display: block; }
.b5ul .hd{width: 127px; margin: auto; margin-top: 75px;overflow: hidden; }
.b5ul ul li:nth-child(1) {
top: 9%;
left: 4%;}
.b5ul ul li:nth-child(2) {
top: 45%;
left: 8%;}
.b5ul ul li:nth-child(2)  .pic{ bottom: inherit; bottom: 80%;left: 30%; }
.b5ul ul li:nth-child(2) .ftitle{ position: absolute; bottom: 30px; margin-top: 0; }


.b5ul ul li:nth-child(3) {
top: 49%;
left: 20%;}
.b5ul ul li:nth-child(3)  .pic{ bottom: inherit; bottom: 80%;left: 30%; }
.b5ul ul li:nth-child(3) .ftitle{ position: absolute; bottom: 30px; margin-top: 0; }
.b5ul ul li:nth-child(4) {top: 18%;
left: 31%;}

.b5ul ul li:nth-child(5) {top: 27%;
left: 46%;}


.b5ul ul li:nth-child(6) {
top: 66%;
left: 49.5%;}
.b5ul ul li:nth-child(6)  .pic{ bottom: inherit; bottom: 80%;left: 30%; }
.b5ul ul li:nth-child(6) .ftitle{ position: absolute; bottom: 40px; margin-top: 0; }


.b5ul ul li:nth-child(7) {
top: 47%;
left: 64%;}
.b5ul ul li:nth-child(7)  .pic{ bottom: inherit; bottom: 80%;left: 30%; }
.b5ul ul li:nth-child(7) .ftitle{ position: absolute; bottom: 30px; margin-top: 0; }


.b5ul ul li:nth-child(8) {top: 9%;
left: 76%;}


.b5ul ul li:nth-child(9) {
top: 17%;
left: 87%;
}

.b5ul ul li:nth-child(9)  .pic{ bottom: inherit; bottom: 80%;left: 30%; }
.b5ul ul li:nth-child(9) .ftitle{ position: absolute; bottom: 20px; margin-top: 0; }



.b1{ margin-top: 70px; }
.b2{ margin-top: 34px; }

.b3{ background: #f8f8f8; padding-top: 60px; padding-bottom: 60px; }
.b3 p{ text-align: center; }
.b3 .pic{ font-size: 30px; font-weight: bold; }
.b3 .pic img{ position: relative; top: 7px; margin-right: 10px; }
.b3 .title{ font-size: 16px; color:#252525; margin-top: 20px; margin-bottom: 30px; }
.b3 p:last-child{ margin-bottom: 0; }
.b4{ padding-top: 100px; padding-bottom: 100px; }



.c1{ background: #f8f8f8; padding-top: 90px; padding-bottom: 30px;}
.c1ul{ }
.c1ul li{ float: left; margin-right: 1%; margin-left: 1%;width: 23%; text-align: center;margin-bottom: 10px;}
.c1ul li .pic img{width: 100%; }
.c1ul li .title{ margin-top: 18px; font-size: 18px; transition: .5s;height: 24px; }
.c1ul li:hover .title{color:#252525;font-size: 16px;position: relative; box-sizing: border-box; }
.c1ul li:hover .title::before{ content: ""; width: 19px; height: 2px; background: #121212; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 24px; }

.c1ul li.on .title{color:#252525;font-size: 19px; font-weight: bold;position: relative; box-sizing: border-box; }
.c1ul li.on .title::before{ content: ""; width: 36px; height: 3px; background: #121212; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 28px; }


.c2 .p1{ font-size: 16px; color:#999999; text-align: center; padding-top: 20px; padding-bottom: 20px; }
.c2{background: url("../i/xjt.jpg") no-repeat top;  cursor: pointer; display: none;}
.c3ul li{ float: left; margin-right: 1%; margin-left: 1%; width: 23%;text-align: center; margin-bottom: 50px; }
.c3ul{ }
.c3ul li .title{ margin-top: 10px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.c3ul li .pic img{ height: 100%; position: relative; top: 50%; transform: translateY(-50%);}
.c3ul li .pic{ height: 220px; }
.c1{ box-sizing: border-box; transition:.5s; }
.c1 li{ }
.c1 li:nth-child(1),.c1 li:nth-child(2),.c1 li:nth-child(3),.c1 li:nth-child(4){ display: block; }
.c1.on li{ display: block; }
.c1.on{ height: auto; }
.c1 .cen{ overflow: hidden; }
.c3{ margin-top: 70px;overflow: hidden; }
.c3 .cen{ overflow: hidden; }
.c3ul li:hover .title{ }

.d1{ margin-top: 98px; }
.d1 .d1ti{ color:#252525; font-size: 30px; font-weight: bold; }
.d1 .d2ti{ border-top: 1px solid #e5e5e5; margin-top: 14px; padding-top: 15px; }
.d1 .d2ti a{ color:#252525;margin-right: 50px; }
.d1 .d2ti span{ font-weight: bold;  color:#252525;margin-right: 16px; margin-left: 8px;}
.d2{ margin-top: 35px; }
.d2 .fl{width: 79%; text-align: center; }
.d2 .ri{width: 18.7%; height: 800px; overflow-y: scroll;
padding-right: 1px; box-sizing:  border-box;
}

.d2 .ri::-webkit-scrollbar {
/*滚动条整体样式*/
width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.d2 .ri::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #535353;
}
.d2 .ri::-webkit-scrollbar-track {
/*滚动条里面轨道*/
/* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);*/
border-radius: 10px;
/*background   : #ededed;*/
}

.d2 .fl img{ max-width: 100%;}
.d2 .ri img{ max-width: 100%; margin-bottom: 15px; display: block; cursor: pointer;}
.d2 .ri img.on{border: 5px solid #000; box-sizing: border-box; }
.d3{ margin-top: 75px; text-align: center; }

.d3tex{ position: absolute; color:#ffffff; font-size: 30px; font-weight: bold; text-align: center; left: 50%; transform: translateX(-50%); top: 36%; }
.d4{ margin-bottom: 50px; }
.d4 .b1div .p1ti{color:#252525; font-size: 30px; font-weight: bold; }
.d4 .b1div .p2ti{ color:#252525; font-size: 30px; font-weight: bold;text-transform: uppercase; }
.d4 .b1div{ margin-top:64px; padding: 0 10px; }
.d4 .btext p{ color:#252525; line-height: 36px; margin-top: 10px; }
.Tyry{ position: fixed; right:20px; top: 50%; transform: translateY(-50%); width: 33px; }
.Tyry li span{ display: inline-block; margin-left: 12px; }
.Tyry li{ margin-bottom: 20px;width: 33px; overflow: hidden; float: right; }
.Tyry li a{ width: 160px; display: block; overflow:  hidden; }
.Tyry li img{width: 33px; margin: auto; vertical-align: middle; display: inline-block; }
.Tyry li span img{ display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; top: -2px; }
.Tyry li:hover{ width: 160px; }

.foot{ text-align: center; }
.foot .ftp1{ color:#ffffff; font-size: 20px;font-weight: bold; }
.foot .ftp2{ font-size: 30px; color:#fff; font-weight: bold; margin-top: 4px; }
.foot .ftp2::before{ content: ""; width: 112px; height: 1px; background: rgba(255,255,255,.1); position: absolute; left: 50%; transform: translateX(-50%); margin-top: 55px; }
.foot .fotp{ margin-top: 30px; }
.foot .fotp p{ color:#ffffff; line-height: 35px; }
.foot .fotp p:nth-child(1){ font-size: 20px; }
.fotp .pic{ display: inline-block; margin: 0 15px; }

.Smpo .Imgz{ margin: auto !important;}
.Smpo .LogA{ position: absolute; z-index: 99; }
.Smpo .Imgz > img{ display: block; }
.fullslide .bd li img{ display: block; }
.fullslide .bd li .sjcx{display: none; }
.Smpo .a6{ margin-bottom: 20px !important; }

.dui{ position: fixed; right: 20px; bottom: 50px;z-index: 9999999;padding-top: 10px; }
.dui img{ width: 30px;  display: block; }
.dui a{ display: block; margin-bottom:10px;  padding: 5px 5px; background: #fff;}
.Soum{ position: absolute; right: 70px; top: 27%; }
.Soum img{ width:30px;  }


.c3  .search{ margin-top: 30px; text-align: center; width: 100%;margin-top: 100px; margin-bottom: 80px; max-width: 1200px;}
.c3  .search{}
.c3  .search b{font-size:30px;color:#fff;display:inline-block;vertical-align:middle;}
.c3  .search input{line-height:45px;border:none;vertical-align:middle;}
.c3  .search .input_txt{background:#fff;width:60%;padding:0 1.5%;margin:0 2%;font-size:16px;color:#333; border:1px solid #999; }
.c3  .search .input_but{width:9%;background:#121212;color:#fff;text-align:center;color:#fff;font-size:18px; cursor: pointer; }
.Sousi{ min-height: 800px; }
#c2{  }
.Hguy li{ display: inline-block; text-align: center; margin: 0 10px; border: 1px solid #121212; border-radius: 5px; }
.Hguy li a{ display: block;  padding: 5px 20px;}
.Hguy li.on{ background: #121212;}
.Hguy li.on a p{ color:#fff; }
.Hguy { text-align: center; margin-top: 30px; }
.Hguy .c3ul li{ margin-top: 20px; width: 18%; margin-left: 1%; margin-right: 1%;box-sizing: border-box; border: none;}
.Hguy .c3ul li p{margin-top: 0;}
.Hguy .c3ul li .pic { height: 160px; }
.Hguy .c3ul li .pic img{ width: 100%; height: auto;}
.Hguy .c3ul li.on{background: none;}
.Hguy .c3ul li.on a p{ color:#333;}
.d2 .cen{ position: relative; }
.d2 .Bd{ position: absolute; width: 79%; top: 50%; }
.d2 .Bd .prev{ float: left; text-align: center; cursor:  pointer;width: 20px; height:auto; }
.d2 .Bd .next{ float: right; text-align: center; cursor:  pointer;width: 20px; height:auto;   }
.b4pic{ text-align: center; margin-bottom: 15px; display: none; }

.a5{ text-align: center; }
.a6{ text-align: center; }
.a6 img{ margin:auto; }
@media screen and (max-width:640px) and (min-width:0px){
.BigDiv{ overflow: hidden; }
.top .right > ul > li span{ display: none; }
.fullslide  .bd li .tu1{display: none;}
.fullslide  .bd li .tu2{display: block; width: 100%; }
.tu1{ display: none;}
.tu2{ display: block; }
.fullslide .prev, .fullslide .next{ display: none; }
.float{ display: none;}
.fullslide .text .title{ display: none; }
.fullslide .text .pic{ display: none; }
.fullslide1 .bd::before{ bottom: -2px; }
.fullslide1 .text{ width:80%; margin-top: 0;  bottom: 20%; left: 50%; margin-left: -40%; }
.fullslide1 .text .title{ font-size: .6rem; }
.fullslide1 .text .ftitle{ font-size: .7rem; }
.fullslide1 .text .smrt{ font-size: .4rem; line-height: .5rem; margin-top: 40px; }
.clname .ftitle{ font-size: .8rem;margin-left: -100px;
margin-top: -23px;}
.fullslide .cen{  top: inherit; bottom: -80px;}
.fullslide .text{ width: 90%; left: 50%; height: 350px; transform: translateX(-50%); top: inherit;bottom: 0;
padding: 15px 16px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.fullslide .text .input_but{ font-size: .48rem; }
.fullslide .hd{display: none; }
.pics{ margin-top: .3rem; }
.fullslide .text .ftitle{ font-size: .42rem; }
.fullslide .text .ftitle .sjcx{ font-weight: normal;  display: block; color:#ff7109; font-size: .57rem; font-weight: bold; }
.fullslide .text .ftitle .sjcx a{ color:#02469b; font-size: .57rem; font-weight: bold; }
.clname{font-size: .4rem; height: 80px; margin-top: 60px; }

.top .left{ position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0; }
.top .t1{ width: 1.54rem; }
.top{ z-index: 9999;  }
.name{ font-size: 18px;  padding-top: 14px; }
.a1ul{ margin-top: 10px; }
.fname{ font-size: 12px; }
.g1aul li .time{ display: none; }
.g1aul li .pic{ float: none; width: 100%; height: auto; }
.g1aul li .text{ float: none; width: 100%; }
.g1aul li .text .more{ padding-top: 12px; }
.g1aul li{ padding-bottom: 15px; padding-top: 15px; margin-bottom: 15px; }
.g1aul li .text .description{ border: none; }
.g1aul li .text .title{ font-size: 20px; }
.g1aul li .text .description{ height: auto; line-height: 24px; font-size: 14px; }
.home .top .t2{ display: inline-block; }
.top .right>ul>li{ line-height: 32px; float: none; width: 100%; }
.top .right .ri1::before{ display: none; }
.top .right .ri1{ float: none; width: 100%; text-align: center; }
.top .right .rigd1{ width: 100%; }
.top .right .le1{ display: none; }
.top .right{ z-index: 999; }
.top .right>ul{ float: none; }
.top .form{ display: none; }
.top .left{ margin-top: 0; margin-left: 0;width: auto;}
.top .ment{ margin-top: 10px; margin-right: 5%;float: right; width: auto; color:#fff; }
.top .ment img{ }

.BigDiv{min-width: 320px;}
.cen{ min-width: 280px; }
.sjcx{ display: inline-block;}
.sjyc{ display: none;}
.BigDiv{max-width: 640px; min-width: 320px; margin: auto; }
.logm{ float: right; margin-right: 15px; font-size: 20px; margin-top: 13px; }
.logm span{ color:#fe5e10; }
.top{ height: auto; margin-top: 0; padding: 5px 0; }
.cen{width: 94%; margin: auto; }
.lc{ display: none; }
.ment img {width: 30px;}
.ment { float: left; margin-top: 7px; position: relative; z-index: 999; }
.b1 .a2div .left img{ margin-top: 0; margin-left: 0; }
.b1 .a2div .right{ width: 100%; }
.b1{ padding-bottom: 20px; }

.nav li{ float: none; width: 100%; }
.top .cen{ width: 100%; }
.nav{ margin-top: 47.5px;display: none; position: absolute; width: 100%; }
.nav ul li{ margin: auto;margin-bottom: 10%; }
.nav .Logo{display: none !important; }
.top .LogA{ position: absolute; top: 0; }
.top .LogA img{width: 100px; }
.top{ padding: 0; }
.top .nav li{ margin: auto; height: auto; text-align: center; line-height: 40px; }
.top .nav{ margin-top: 50px; background: rgba(0,0,0,.9);padding: 20px 0;}
.top .LogA{  z-index: 999; }
.a1{ margin-top: 10px; }
.Imgz{ margin-bottom: 10px;overflow: hidden; }
.Imgz > img{ max-width: 150%; position: relative; left: 50%; transform: translateX(-50%); }
.Imgz>a>img{ display: block; }
.Imgz .vdiep{ position: absolute;z-index: 9; max-width: 100%; transform: translate(-50%,-50%); }
.a6 .text{ z-index: 9; }
.a6 .text .pic img{max-width: 100%; }
.a6 .text .title{ font-size: 16px; }
.footul li{ margin: 0 18px;}
.foot{ padding: 30px 0; }
.tuk{ margin-top: 10px; font-size: 14px; }
.tuk a{ font-size: 14px; }
.footul li img{ height: 40px; }
.Tyry{ display: none; }
.b1 .b1div{ margin-top: 16px; }
.b1 .btext{ margin: 15px 0;}
.b1 .b1div .p1ti{ font-size: 20px; }
.b1 .b1div .p2ti{ font-size: 20px; }
.b1 .btext p{font-size: 14px; line-height: 24px; }
.b1 .b1more{ margin-top: 0px; margin-bottom: 20px; }
.b1 .btext{ margin-bottom: 0; }
.b3{ padding: 40px 0;}
.b3 .pic{ font-size: 20px; }
.b3 .title{ font-size: 14px; margin-bottom: 30px; margin-top: 30px; }
.b3 .pic img{ width: 40px; }
.b4 img{max-width: 100%; }
.d3{ margin-top: 40px; }
.a7ul li{ width: 46%; margin: 0 2%; }
.a7ul{ margin-right: 0; }
.a7ul li .title{ margin-top: 0; margin-bottom: 20px; }
.c1ul li{ margin: 0 2%; width: 46%; }
.c1ul{ margin-right: 0; }
.c1{ height: auto; }
.c1ul li .title{ margin-top: 5px; margin-bottom: 15px; }
.c3ul li{ width: 46%; margin: 0 2%; margin-bottom: 15px; }
.c3ul{ margin: auto; }
.c3{ margin-top: 20px; margin-bottom: 40px; }
.top .nav li .text{ transform: translateX(0); width: 100%; margin-top: -5px; }
.c1{ padding-top: 50px; }
.d1{ margin-top: 50px; }
.top .nav li .text .pic{ margin: 0 20px; }
.top .nav li .text .pic img{ height: 30px; }
.top .nav li .text .pic::before { width: 70px; height: 70px; }
.top .nav li .text .pic span{ margin-top: 10px; }
.top .nav li .text{ padding-top: 40px; height: 140px; }
.c3 .search .input_but{ width: 18%; cursor: pointer; }
.Soum{ top: 20%; }
.c3ul li .title{ font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.b5ul{ width: 1100px;}
.b2{ overflow-y: hidden; margin-top: 0; }
.b4 p{ text-align: center; }
.b5ul ul li .ftitle .pt0{ font-size: 16px; }
.b5ul ul li .ftitle .pt1{ font-size: 14px; }
.b5ul ul li{ height: 140px; }
.b5ul{ width: 700px;height: 330px;background: url("../i/b3.png") no-repeat 50% -50%; }
.d4 .b1div{ margin-top: 10px; }
.d2 .fl{ float: none; margin: auto; }
.d2 .Bd{ width: 100%; }
.d2 .ri img:last-child{ margin-bottom: 0; }
.d2 .ri{ overflow-x: scroll; margin-top: 0rem; float: none;width: 100%; white-space: nowrap; height:auto; }
.d2 .ri img{ display: inline-block; width: 31%;vertical-align: top; margin-right: 2.3%; }
.d2 .Bd{ top: 30%; }
/* ::-webkit-scrollbar {
width: 0;
height: 0;
background-color: rgba(255,255,255,1)
}
::-webkit-scrollbar-thumb { border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.2);
} */
.b5ul ul li:nth-child(1) {
top: 15.5%;
left: 0%;
}
.b5ul ul li:nth-child(2) {
top: 42%;
left: 6%;
}
.b5ul ul li:nth-child(3) {
top: 43%;
left: 20%;
}
.b5ul ul li:nth-child(4) {
top: 22%;
left: 31%;
}
.b5ul ul li:nth-child(5) {
top: 32%;
left: 48%;
}
.b5ul ul li:nth-child(7) {
top: 47%;
left: 64%;
}
.b5ul ul li:nth-child(8) {
top: 14%;
left: 76%;
}
.b5ul ul li:nth-child(8) .ftitle{ margin-top: 0; }
.b5ul ul li:nth-child(9) {
top: 26%;
left: 87%;
}
.picScroll-left .bd ul li{ width: 33.33%; margin: auto; }
.picScroll-left .bd ul li img{ width: 80%; }
.b4 .picScroll-left .hd{ width: 106%; left: -3%; }
.c3ul li .pic{ height: 160px; }
.picScroll-left .bd{ width: 90%; margin: auto;}
.b4 .picScroll-left .hd{ top: 0; height: 100%; }
.b4 .picScroll-left .hd .prev, .b4 .picScroll-left .hd .next{ top: 50%; transform: translateY(-50%);}
.b4{ padding: 50px 0;}
.b4pic{display: block; }
.a5 img{ width: 100%;}
.Hguy .c3ul{ margin-top: 25px; }
.Hguy .c3ul li{ width: 48%;margin-top: 5px;margin-bottom: 5px; }
.Hguy .c3ul li a{  padding-left: 3px; padding-right: 3px; }
.Hguy .c3ul li p{ font-size: 14px; }
.Hguy .c3ul li .pic{ height: 30vw; }
}
